<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
		<title>微商城</title>
		<link rel="stylesheet" href="__PUBLIC__/css/frozen.css" />
		<script src="__PUBLIC__/lib/zepto.min.js"></script>
		<script src="__PUBLIC__/js/frozen.js"></script>
	</head>

	<body>
		<header class="ui-header ui-header-positive ui-border-b">
			<i class="ui-icon-return" onclick="history.back()"></i>
			<h1>产品列表</h1>
		</header>
		<footer class="ui-footer ui-footer-btn">
            <ul class="ui-tiled ui-border-t">
                <li onclick="location.href='{:U('index','','',0,true)}'" class="ui-border-r"><div>首页</div></li>
                <li onclick="location.href='{:U('Products','','',0,true)}'" class="ui-border-r"><div>全部商品</div></li>
                <li onclick="location.href='{:U('Prosonal','','',0,true)}'"><div>个人中心</div></li>
            </ul>
        </footer>
		<section class="ui-container">
			<ul class="ui-list ui-list-link ui-list-active ui-border-tb">
				<foreach name='AllPro' item='v'>
					<if condition="$v.ProStau eq 1">
						<li class="ui-border-t ui-tag-freelimit" onclick=GetProDetail({$v.ProID})>
					<elseif condition="$v.ProStau eq 2"/>
						<li class="ui-border-t ui-tag-free" onclick=GetProDetail({$v.ProID})>
					<elseif condition="$v.ProStau eq 3"/>
						<li class="ui-border-t ui-tag-act" onclick=GetProDetail({$v.ProID})>
					<else/>
						<li class="ui-border-t" onclick=GetProDetail({$v.ProID})>
					</if>
						
							<div class="ui-list-img">
								<span><img src="__PUBLIC__/images/Products/{$v.ProImg}" width="100px" height="68px"/></span>
							</div>
							<div class="ui-list-info">
								<h4 class="ui-nowrap">{$v.ProName}</h4>
								<p class="ui-nowrap">￥{$v.ProPrice}</p>
							</div>
						</li>
				</foreach>
			</ul>
		</section>
	</body>
	<script type="text/javascript">
		function GetProDetail(id){
			
			var Url='{:U('ProDetail','','',0,true)}';
			Url=Url+'/ProID/'+id;
			location.href=Url;
		}
	</script>
</html>